<!--
 * @Description  : 
 * @Version      : 1.0
 * @Author       : Shiming
 * @Date         : 2021-12-03 11:10:14
 * @LastEditors  : Shiming
 * @LastEditTime : 2022-04-13 10:41:09
 * @FilePath     : \\tms-obc-web\\src\\app\\routes\\supply-management\\model\\import-supply\\import-supply.component.html
 * Copyright (C) 2022 huzhenhong. All rights reserved.
-->
<div *ngIf="status">
  <sf #sf mode="edit" [schema]="schema" [ui]="ui" button="none">
    <ng-template sf-template="fileName" let-me let-ui="ui" let-schema="schema">
      <nz-input-group [nzSuffix]="inputClearTpl">
        <input type="text"  readonly nz-input [(ngModel)]="me.formProperty.value" placeholder="请点击下方按钮上传文件" />
      </nz-input-group>
      <ng-template #inputClearTpl>
        <i nz-icon class="ant-input-clear-icon" nzTheme="fill" nzType="close-circle" *ngIf="me.formProperty.value"
          (click)="clearFile()"></i>
      </ng-template>
    </ng-template>
    <ng-template sf-template="file" let-me let-ui="ui" let-schema="schema">

      <nz-upload [nzAction]="uploadUrl" [nzName]="'multipartFile'" [nzHeaders]="{ authorization: 'authorization-text' }"
        [(nzFileList)]="files"
        [nzAccept]="'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel'"
        (nzChange)="handleChange($event)" [nzShowUploadList]="false" [nzBeforeUpload]="beforeUpload" [nzLimit]="1">
        <div>
          <button nzType="primary" nz-button>
            <i nz-icon nzType="upload"></i>
            上传文件
          </button>
        </div>
      </nz-upload>
      <span style="color: #ff4d4f; font-size: 12px;margin-left: 10px; cursor: pointer;"
        (click)="downFile()">下载导入模板</span>
      <div style="color: #ff4d4f; font-size: 12px; margin-top: 5px; width: 400px">仅支持XLS / XLSX文件格式，最多不能超过100行数据</div>
    </ng-template>
  </sf>
  <div>
    <p class="mb-xs">注意：</p>
    <p class="mb-xs">1、第一次上传请点击下载模板</p>
    <p class="mb-xs">2、请不要调整模板顺序</p>
    <p class="mb-xs">3、必填字段请务必填写</p>
    <p class="mb-xs">4、如果不清楚字段值，请参考货源发布功能</p>
    <p class="mb-xs">5、发布成功后，可在货源列表-待接单查看</p>
    <div>
</div>
<div *ngIf="!status">
  文件上传成功！成功xx条，失败xx条！
</div>
<div class="modal-footer text-right">
  <button nz-button type="button" (click)="close()">取消</button>
  <button nz-button type="submit" nzType="primary"  [nzLoading]="load" (click)="save()">确定</button>
</div>
